@charset "utf-8";
/* CSS Document */
@import url("topnav02.css");
body { background:#f3f4e8;}
#header {  height:297px; position:relative}
.subnav { list-style:none; position:absolute; left:200px; top:217px; width:600px}
.cgjheaderbg {background:url(../../../../images/ygj/kj_03.jpg) no-repeat;}
.zgzheaderbg{background:url(../../../../images/zgz/1_03.jpg) no-repeat;}
.xzhheaderbg {background:url(../../../../images/xzh/1_03.jpg) no-repeat; }
.subnav li { float:left; font-size:14px; height:44px; line-height:44px; color:#0d3f2f; font-weight:bold; padding:0px 20px}
.subnav li a {color:#0d3f2f; text-decoration:none}
.subnav li a:hover,.subnav .this a { color:#b27d12; text-decoration:underline}
#main { margin:auto; width:977px; padding-top:15px}
#main .h2 {font-size:14px; padding:0px 0px 10px 10px; color:#b27c11; text-align:center}
.index_about { clear:both; overflow:auto; zoom:1}
.index_about p { float:left; text-indent:24px; font-size:14px; line-height:26px; color:#666; width:710px; display:block}
.index_about img { float:right;}
.index_about a { color:#666; text-decoration:none; font-weight:bold}
.index_about a:hover { text-decoration:underline}
.clear { clear:both; overflow:auto; zoom:1}
.jsImg { float:left; width:602px;}
.shipin{ float:right; width:370px;}
.shipin .container { background:url(/images/ygj/kj_11.gif); width:350px; height:256px; padding:10px}
.h3 { clear:both; font-size:14px; font-weight:bold; color:#b27d12; line-height:35px; padding:5px 10px 0px 10px}
.h3 span { float:right; font-weight:normal;}
.h3 a {color:#b27d12; text-decoration:none}
.h3 a:hover { text-decoration:underline}
.jsImg .container{ background:url(../../../../images/ygj/kj_09.gif); width:582px; height:256px; padding:10px 10px 5px 10px;height:261px;}
#bigImg { width:402px; float:left; display:block; height:256px; list-style:none}
#smallImg { list-style:none; width:180px; float:right; display:block}
#smallImg li { width:85px; float:left; display:block; padding-left:5px; height:82px; padding-bottom:5px;}
#smallImg li a { height:82px; width:85px; display:block; overflow:hidden;}
#smallImg .on a{ border:solid 3px #b27c11; margin:-3px;}
.hidecontent { display:none}
.index_img01 { width:602px; float:left;}
.index_img02{ width:370px; float:right}
.index_img01 .container { border:solid 1px #c7c7c7; padding:8px 8px 0px 0px}
.index_img01 .container ul { list-style:none; overflow:auto;zoom:1}
.index_img01 .container li { display:block; padding:0px 0px 8px 8px; height:165px; float:left; width:189px; overflow:hidden}
.index_img01 .container li a,.index_img03 .container li a,.index_img02 .container ul li a,.index_img .container ul li a { display:block; line-height:30px; text-align:center; font-size:14px; color:#666; text-decoration:none}
.index_img01 .container li a:hover,.index_img02 .container ul li a:hover,.index_img .container ul li a:hover { text-decoration:underline; color:#b27c11}
.index_img .container ul{ list-style:none; overflow:auto;zoom:1}
.index_img02 .container ul li { padding:0px 0px 8px 8px; height:165px; float:left; width:172px; display:block; overflow:hidden}
.index_img03 .container {border:solid 1px #c7c7c7; padding:8px 8px 0px 0px}
.index_img03 .container ul { list-style:none; overflow:auto; zoom:1; display:block}
.index_img03 .container ul li { padding:0px 0px 8px 8px; height:189px;  float:left; width:229px; display:block}
.index_img .container {border:solid 1px #c7c7c7; padding:8px 8px 0px 0px}
.index_img .container ul{ list-style:none; overflow:auto;zoom:1}
.index_img .container ul li { padding:0px 0px 8px 8px; float:left;display:block; overflow:hidden}
.img165x189 li {height:165px; width:185px; overflow:hidden;}
.li1 .container ul li { width:auto; height:auto}
#footer { width:977px; margin:auto; padding:10px 0px; line-height:24px; font-size:12px; color:#666; text-align:center; clear:both}
.page_content { padding:10px; line-height:26px; color:#333}
.h1 { font-size:21px; padding:0px 0px 0px 10px; color:#b27c11; font-family:"楷体_GB2312"}
.page_content p { padding-bottom:10px; text-indent:24px; font-size:14px}
.content_img01 { padding:10px 10px 10px 0px}
.content_img01 ul { list-style:none; overflow:auto; zoom:1}
.content_img01 ul li { display:block; padding:0px 0px 10px 10px; width:312px; float:left; height:277px; overflow:hidden}
.content_img01 ul li div {height:270px; padding:5px 5px 0px 5px; border:solid 1px #CCC;}
.content_img01 ul li img {vertical-align: middle;
max-width:300px;   /* FF IE7 */
width:expression(this.width > 300 && this.width > this.height ? 240 : true);
overflow:hidden;}
.content_img02 { padding:10px 10px 10px 0px}
.content_img02 ul { list-style:none; overflow:auto; zoom:1}
.content_img02 ul li { display:block; padding:0px 0px 10px 10px; width:259px; float:left; height:224px; overflow:hidden}
.content_img02 ul li div {height:217px; padding:5px 5px 0px 5px; border:solid 1px #CCC;}
.content_img02 ul li img {vertical-align: middle;max-width:246px;width:expression(this.width > 246 && this.width > this.height ? 200 : true);overflow:hidden;}

.content_img01 ul li a,.content_img02 ul li a { color:#b27c11; text-decoration:none; line-height:25px; font-size:14px; text-align:center; display:block}
.content_img01 ul li a:hover,.content_img02 ul li a:hover { text-decoration:underline}

/*图片预览*/
/*图片内容页*/
#ArtFrom{margin-bottom:0;border-bottom:0}
#ArticleCnt{margin-top:10px; width:100%; text-align:center;}
#lantern { width:610px; margin:10px auto; background:#f4f4f4;overflow:hidden;}
#tool { background:url(images/pic_tool.gif) repeat-x;height:33px; border-bottom:#FFF solid 1px }
#tool .f_l{ margin:6px 0 0 12px;font-size:12px}
#tool .f_r{ margin:6px 9px 0 0 }
#pagejump{ margin-left:5px}
#bimg {margin:7px 5px; text-align:center; overflow:hidden;width:600px;overflow:hidden;}

#simg {height:75px;padding-top:8px;background:url(images/tool_img.gif) repeat-x #E9E9E9}
#simg .p{ float:left;width:22px;text-align:right;text-indent:0}
#simg .n{ float:right;width:22px;text-align:left;text-indent:0}
#simg img.s{ filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#simg img{text-indent:0}
#sImage{float:left;width:510px;}
#sImage div,#sImage p{ width:70px; height:58px; background:#ececec; display:block; text-align:center; float:left; display:inline; overflow:hidden; border:#C7C7C7 solid 1px; margin:0 0 0 12px}
#sImage img{ filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; height:58px;text-indent:0}
#Explain { padding:5px 15px 0 15px;margin:0 auto; line-height:18px; font-size:12px}
#Explain p{margin:0;padding:0;font-size:12px;}
.ss{filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}
#butStop,#ArtPLinkTop,#ArtPLink,#cntLeft #Article #atPage{display:block;}
#hdcnt p{text-indent:2em}
#hdcnt{margin-bottom:40px}
#ArticleCnt,#ArtCnt{text-indent:0}
.show_img01 { text-align:center; padding:10px;}
.show_img01 img { padding-bottom:10px;}
.show_img01 h3 { font-size:14px; padding:0px 0px 20px 0px; color:#333;}
.subnav03 ul{ list-style:none}
.pic_left { width:150px; float:left;}
.pic_right { float:right; width:825px; border-left:solid 1px #CCC}
.subnav03 li { line-height:30px; height:30px; padding-left:20px}
.subnav03 a {  color:#333; text-decoration:none}
.subnav03 a:hover { text-decoration:underline}
#pages { text-align:center; font-size:14px; color:#333}
#pages a { color:#333; text-decoration:none; padding:0px 5px}
#pages a:hover { color:#b27c11; text-decoration:underline}
.desription { font-size:14px; line-height:26px; color:#333; padding:0px 20px 10px 20px}
.desription h2 { font-size:16px; padding-top:10px;}
.desription p { text-align:left; text-indent:2em}
.desription h4 { text-align:right; font-size:12px; font-weight:none}